<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 ,minimum-scale=1.0 ,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>服务详情</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/iconfont.css"/>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <style>
        .content{}
        .content ul{}
        .content ul li{overflow: hidden;padding: 8px;line-height: 24px;position: relative;font-size: 14px;}
        .content ul li .left{float: left;width: 25%;color: #FFC10C;box-sizing: border-box;border-right: 1px solid #ededed;}
        .content ul li .right{float: right;width: 75%;color: #333;overflow: hidden;padding-left: 10px;}
        .content ul li .right .t-left{float: left;}
        .content ul li .right .t-left img{height: 80px;display: block;}
        .content ul li .right .t-right{float: right;}
        .content ul li .poster{line-height: 80px;}
        .content .detail{padding: 10px;}
        .content .detail .d-title{color: #FFC10C;font-size: 14px;margin-bottom: 10px;}
        .content .detail .words{line-height: 20px;}
        .content .detail .photo{margin-top: 10px;width: 100px;height: 100px;background-size: cover;background-position: center;}

    </style>
</head>
<body>
<script src="../js/overall_mask.js"></script>

<header class="header header2">
    <div class="header-fixed">
        <div class="left">
            <a href="javascript:window.history.back();">
                <i class="iconfont icon-arrowleft"></i>
            </a>
        </div>
        <div class="center">服务详情</div>
    </div>
</header>
<div class="content">
    <ul>

        <li class="bottom-line">
            <div class="left poster">封面</div>
            <div class="right">
                <div class="t-left">
                    <img src="../img/p647007015.jpg"/>
                </div>
            </div>
        </li>
        <li class="bottom-line">
            <div class="left">类目</div>
            <div class="right">
                <div class="t-left">模特</div>
            </div>
        </li>
        <li class="bottom-line">
            <div class="left">服务内容</div>
            <div class="right">
                <div class="t-left">模模特模特模特模特特</div>
            </div>
        </li>
        <li class="bottom-line">
            <div class="left">价格</div>
            <div class="right">
                <div class="t-left">228</div>
                <div class="t-right">元/小时</div>
            </div>
        </li>
        <li class="bottom-line">
            <div class="left">性别要求</div>
            <div class="right">
                <div class="t-left">男</div>
            </div>
        </li>
        <li class="bottom-line">
            <div class="left">地区</div>
            <div class="right">
                <div class="t-left">成都市高新区华府大道</div>
            </div>
        </li>
    </ul>
    <div class="detail">
        <p class="d-title">任务详情</p>
        <p class="words">任务详情任务详情任务详情任务详情任务详情任务详情任务详情任务详情任务详情</p>
        <div class="photo" style="background-image: url('../img/bg.png')"></div>
    </div>
</div>
</body>
</html>